/**
    卡片容器
    slot=title 标题
    slot=default 内容区域
 */
<style lang="scss" scoped>
    @import '~@/scss/public.scss';
    .card-title{
        color: $ui-color-primary;
        font-size: 16px;
        font-weight: bold;
    }
    .card{
        margin: 15px;
        padding: 15px;
        background-color: #fff;
        box-shadow: 0 .0625rem .375rem #d7e4ed;
        font-size: 14px;
        text-align: left;
    }
</style>
<template>
    <div class="card" :style="{'white-space':$slots.title?'pre-line':''}">
        <div v-if="$slots.title" class="card-title">
            <slot name="title"></slot>
        </div>
        <slot></slot>
    </div>
</template>
<script>
    export default {
        name:'ui-card',
    }
</script>